<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      href="https://unpkg.com/video.js/dist/video-js.css"
      rel="stylesheet"
    />
    <script src="https://unpkg.com/video.js/dist/video.js"></script>
    <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
  </head>
  <body>
    <video
      id="my_video_1"
      class="video-js vjs-default-skin"
      controls
      preload="auto"
      width="auto"
      height="auto"
    >
      <source
        src="https://d3eykkkvwlu40v.cloudfront.net/v2/hls/2314/2314.m3u8"
        type="application/x-mpegURL"
      />
    </video>

    <script>
      videojs('my_video_1', {
        bigPlayButton: true,
        textTrackDisplay: false,
        posterImage: true,
        errorDisplay: true,
        requestFullscreen: false
      });
    </script>
  </body>
</html>
